<template>
    <div class="contacts">
        <div class="top">
            <div class="top-left">
                <div class="title">联系人：</div>
                {{data.tenderer_contactor}}
            </div>
            <div class="top-right">
                <div class="title">联系方式：</div>
                {{data.tenderer_phone_number || '-'}}
            </div>
        </div>

        <div class="main">
            <div class="title">关联项目：</div>
            <div class="links" :title="data.notice_name" @click="noticeClick(data)">
                {{data.notice_name}}
            </div>
            <!-- <el-link type="primary" :href="data.link" target="_blank" :underline="false" class="links">
                {{data.project_name}}
            </el-link> -->
        </div>

        <div class="time">
            <div class="title">成交时间：</div>
            {{data.notice_publish_time || '-'}}
        </div>
    </div>
</template>

<script>
import notice from '@/mixins/notice.js';

export default {
    mixins: [notice],
    components: {  },
    props: {
        data: {
            type: Object,
            default: (() => {})
        },
    },
    data() {
        return {
            
        };
    },
    computed: {
        
    },
    watch: {},
    methods: {
        noticeClick:function(data){
            this.openNotice(data.guid, data.notice_type , true);
        }
    },
    mounted() {
        
    },
};
</script>

<style lang="scss" scoped>
@import "@css/var.scss";
.contacts {
    background-color: #f9f9f9;
    padding: 7px 12px;
    .top {
        display: flex;
        justify-content: space-between;

        &>div {
            display: flex;
        }
    }
    .main {
        margin-top: 18px;
        display: flex;

        .title {
            // width: 92px;
        }
        .links{
            flex: 1;
            cursor: pointer;
            color:$primaryColor;
            white-space: nowrap;
            overflow: hidden; 
            text-overflow: ellipsis;
        }
    }
    .time {
        margin-top: 18px;
        display: flex;
    }
    .title {
        font-weight: 600;
    }
}
</style>